<template>
<div>
    <el-button @click="click1('add')">{{nums}}</el-button>
    <el-button @click="click2('miun')">{{nums2}}</el-button>
    <el-button @click="click3()">3</el-button>
    <el-table
    :data="tableData"
    border
    @cell-mouse-enter="mouseenter"
    @cell-mouse-leave="mouseleave"
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="province"
      label="省份"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="市区"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300">
       <template >
    <el-tooltip class="item" effect="dark" :open-delay="500" content="Top Left 提示文字" placement="top-start">
      <el-button>上左</el-button>
    </el-tooltip>
      </template>
    </el-table-column>
    <el-table-column
      prop="zip"
      label="邮编"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>

</template>
<script>
      function add(){
          this.click1()
      }
export default {
    data(){
   return{
     timer:null,
     nums:0,
     nums2:0,
     clickmethods:null,
    tableData:[],
    obj :{
          nums:0,
          add(){
            this.nums++
          }
        }
   } 
  },
  computed:{
   
  },
    methods: {
      click1(){  
        this.nums+=3;
      },
      click2(){
          this.click1()
      },
      click3(){
         add.call(this);
         const a = 100;
         a++;
         this.obj.add()
         console.log(a)
      },
      handleClick(row) {
        console.log(row);
      },
      mouseenter(){
        let _this=this
        this.timer=setTimeout(function(){
  _this.$message('这是一条消息提示');
        },500)
  
      },
      mouseleave(){
        clearTimeout(this.timer);
        this.timer=null
      }
    },

    // data() {
    //   return {
    //     tableData: [{
    //       date: '2016-05-02',
    //       name: '王小虎',
    //       province: '上海',
    //       city: '普陀区',
    //       address: '上海市普陀区金沙asdasdasdasdasdasdsa江路 1518 弄',
    //       zip: 200333
    //     }, {
    //       date: '2016-05-04',
    //       name: '王小虎',
    //       province: '上海',
    //       city: '普陀区',
    //       address: '上海市普陀区金沙江路 1517 弄',
    //       zip: 200333
    //     }, {
    //       date: '2016-05-01',
    //       name: '王小虎',
    //       province: '上海',
    //       city: '普陀区',
    //       address: '上海市普陀区金沙江路 1519 弄',
    //       zip: 200333
    //     }, {
    //       date: '2016-05-03',
    //       name: '王小虎',
    //       province: '上海',
    //       city: '普陀区',
    //       address: '上海市普陀区金沙江路 1516 弄',
    //       zip: 200333
    //     }]
    //   }
    // }
}
</script>
